<template>
	<view class="rule">
		<!-- <view class="gain" v-for="item in rule" :key="item.id"> -->
			<!-- <view class="title">{{item.id+'.'}}{{item.title}}</view> -->
			  <!-- <u-parse :html="rule.content"></u-parse> -->
			  <view v-html="rule.content">
			  	
			  </view>
			<!-- <view class="text">2.成功开户即送对应的签到弘豆</view> -->
		<!-- </view> -->
		<!-- <view class="line"></view> -->
		<!-- <view class="use">
			<view class="title">如何使用签到弘豆？</view>
			<view class="text">获得的签到弘豆，可以享受在商城直接购物</view>
		</view> -->
	</view>
</template>

<script>
// import service from '@/store/service.js';
export default {
	data() {
		return {
			// key: value
			rule:[]
		};
	},
	onLoad:function(){
		this.getRule()
	},
	methods: {
		getRule() {
			var that = this;
			that.$Request.post(that.$api.points.set, {
					// goodsid: that.id
				})
				.then(function(res) {
					var list = res.data;
					that.rule = list;
				});
		}
	}
};
</script>

<style lang="scss" scoped>
	page{
		background-color: #ffffff;
	}
.rule {
	padding: 0 28upx;
}
.gain {
	padding: 20upx 0;
	border-bottom: 1px solid #F4F4F4;
}


.use {
	padding-top: 28upx;
	border-top: 2upx solid #f4f4f4;
}

.title {
	color: #333333;
	font-size: 32upx;
}

.text {
	color: #999999;
	font-size: 28upx;
}
</style>
